<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <script src="/static/order/confirm/js/jquery-3.1.1.min.js"></script>
    <link rel="stylesheet" href="/static/order/confirm/css/JD2.css"/>

    <title>订单结算页</title>
</head>

<body>
<!--顶部-->
<header>
    <div class="header">
        <ul class="header-left">
            <li>
                <img src="/static/order/confirm/img/header_1.png"/>
                <a href="http://gulimall.com">谷粒学院首页</a>
            </li>
            <li class="header-l-2">
                <i class="fa fa-map-marker" style="color: #5C5452;"></i>
                <a href="/static/order/confirm/">北京</a>
                <div class="header-l-d">

                    <ul>
                        <li><a href="/static/order/confirm/" style="background: red; color: white;">北京</a></li>
                        <li><a href="/static/order/confirm/">山西</a></li>
                        <li><a href="/static/order/confirm/">内蒙古</a></li>
                        <li><a href="/static/order/confirm/">福建</a></li>
                        <li><a href="/static/order/confirm/">江西</a></li>
                        <li><a href="/static/order/confirm/">西藏</a></li>
                        <li><a href="/static/order/confirm/">新疆</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/confirm/">上海</a></li>
                        <li><a href="/static/order/confirm/">河南</a></li>
                        <li><a href="/static/order/confirm/">江苏</a></li>
                        <li><a href="/static/order/confirm/">湖北</a></li>
                        <li><a href="/static/order/confirm/">四川</a></li>
                        <li><a href="/static/order/confirm/">陕西</a></li>
                        <li><a href="/static/order/confirm/">港澳</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/confirm/">天津</a></li>
                        <li><a href="/static/order/confirm/">辽宁</a></li>
                        <li><a href="/static/order/confirm/">山东</a></li>
                        <li><a href="/static/order/confirm/">湖南</a></li>
                        <li><a href="/static/order/confirm/">海南</a></li>
                        <li><a href="/static/order/confirm/">甘肃</a></li>
                        <li><a href="/static/order/confirm/">台湾</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/confirm/">重庆</a></li>
                        <li><a href="/static/order/confirm/">吉林</a></li>
                        <li><a href="/static/order/confirm/">安徽</a></li>
                        <li><a href="/static/order/confirm/">广东</a></li>
                        <li><a href="/static/order/confirm/">贵州</a></li>
                        <li><a href="/static/order/confirm/">青岛</a></li>
                        <li><a href="/static/order/confirm/">钓鱼岛</a></li>
                    </ul>
                    <ul>
                        <li><a href="/static/order/confirm/">河北</a></li>
                        <li><a href="/static/order/confirm/">黑龙江</a></li>
                        <li><a href="/static/order/confirm/">浙江</a></li>
                        <li><a href="/static/order/confirm/">广西</a></li>
                        <li><a href="/static/order/confirm/">云南</a></li>
                        <li><a href="/static/order/confirm/">宁夏</a></li>
                        <li><a href="/static/order/confirm/">海外</a></li>
                    </ul>


                </div>
            </li>

        </ul>
        <ul class="header-right">
            <li>[[${session.loginUser.nickname}]]
                <img src="/static/order/confirm/img/03.png" style="margin-bottom: 0px;margin-left3: 3px;"/>
                <img src="/static/order/confirm/img/06.png"/></li>
            <li>|</li>
            <li class="spacer"></li>
            <li><a href="http://member.gulimall.com/memberOrder.html">我的订单</a></li>
            <li class="spacer"></li>
            <li>
                <a href="/static/order/confirm/">我的谷粒学院</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-11">
                    <div>
                        <ol>
                            <dd><a href="/static/order/confirm/">待处理订单</a></dd>
                            <dd><a href="/static/order/confirm/">返修退换货</a></dd>
                            <dd><a href="/static/order/confirm/">降价商品</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/order/confirm/">消息</a></dd>
                            <dd><a href="/static/order/confirm/">我的问答</a></dd>
                            <dd><a href="/static/order/confirm/">我的关注</a></dd>

                        </ol>

                    </div>
                    <div>
                        <ol>
                            <dd><a href="/static/order/confirm/">我的京豆</a></dd>
                            <dd><a href="/static/order/confirm/">我的白条</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/order/confirm/">我的优惠劵</a></dd>
                            <dd><a href="/static/order/confirm/">我的理财</a></dd>
                        </ol>

                    </div>
                    <div>
                        <!--todo 添加细节照片-->
                        <h4><a href="/static/order/confirm/">我的足迹</a><a href="/static/order/confirm/">更多 ></a></h4>
                        <a href="/static/order/confirm/"><img/></a>
                        <a href="/static/order/confirm/"><img/></a>
                        <a href="/static/order/confirm/"><img/></a>
                        <a href="/static/order/confirm/"><img/></a>

                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li><a href="/static/order/confirm/">谷粒学院会员</a></li>
            <li class="spacer"></li>
            <li><a href="/static/order/confirm/">企业采购</a></li>
            <li class="spacer"></li>
            <li>
                <a href="/static/order/confirm/">客户服务</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-2">
                    <div>
                        <h4>客户</h4>
                        <ol>
                            <dd><a href="/static/order/confirm/">帮助中心</a></dd>
                            <dd><a href="/static/order/confirm/">在线客服</a></dd>
                            <dd><a href="/static/order/confirm/">电话客服</a></dd>
                            <dd><a href="/static/order/confirm/">金融咨询</a></dd>
                        </ol>
                        <ol>

                            <dd><a href="/static/order/confirm/">售后服务</a></dd>
                            <dd><a href="/static/order/confirm/">意见建议</a></dd>
                            <dd><a href="/static/order/confirm/">客服邮箱</a></dd>
                            <dd><a href="/static/order/confirm/">售全球客服</a></dd>
                        </ol>
                    </div>
                    <div>
                        <h4>商户</h4>
                        <ol>

                            <dd><a href="/static/order/confirm/">合作招商</a></dd>
                            <dd><a href="/static/order/confirm/">商家后台</a></dd>
                            <dd><a href="/static/order/confirm/">商家帮助</a></dd>
                        </ol>
                        <ol>

                            <dd><a href="/static/order/confirm/">学习中心</a></dd>
                            <dd><a href="/static/order/confirm/">京麦工作台</a></dd>
                            <dd><a href="/static/order/confirm/">规则平台</a></dd>
                        </ol>
                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li>
                <a href="/static/order/confirm/">网址导航</a>
                <i class="fa fa-angle-down"></i>
                <div class="header-r-1 aa header-r-3">
                    <div>
                        <h4>特色主题</h4>
                        <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院试用</a></dd>
                            <dd><a href="/static/order/confirm/">国际站</a></dd>
                            <dd><a href="/static/order/confirm/">买什么</a></dd>
                            <dd><a href="/static/order/confirm/">0元评测</a></dd>
                            <dd><a href="/static/order/confirm/">优惠劵</a></dd>
                            <dd><a href="/static/order/confirm/">印尼站</a></dd>
                            <dd><a href="/static/order/confirm/">陪伴计划</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院金融</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院会员</a></dd>
                            <dd><a href="/static/order/confirm/">俄语站</a></dd>
                            <dd><a href="/static/order/confirm/">定期送</a></dd>
                            <dd><a href="/static/order/confirm/">秒杀</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院金融科技</a></dd>
                            <dd><a href="/static/order/confirm/">出海招商</a></dd>
                        </ol>
                        <ol>
                            <dd><a href="/static/order/confirm/">全球售</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院预售</a></dd>
                            <dd><a href="/static/order/confirm/">装机大师</a></dd>
                            <dd><a href="/static/order/confirm/">港澳售</a></dd>
                            <dd><a href="/static/order/confirm/">闪购</a></dd>
                            <dd><a href="/static/order/confirm/">In货推荐</a></dd>
                        </ol>

                    </div>

                    <div>
                        <h4>行业推荐</h4>
                        <ol>
                            <dd><a href="/static/order/confirm/">手机</a></dd>
                            <dd><a href="/static/order/confirm/">玩3C</a></dd>
                            <dd><a href="/static/order/confirm/">家用电器</a></dd>
                            <dd><a href="/static/order/confirm/">服装城</a></dd>
                            <dd><a href="/static/order/confirm/">家装城</a></dd>
                            <dd><a href="/static/order/confirm/">食品</a></dd>
                            <dd><a href="/static/order/confirm/">农资频道</a></dd>
                            <dd><a href="/static/order/confirm/">图书</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/order/confirm/">智能数码</a></dd>
                            <dd><a href="/static/order/confirm/">电脑办公</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院智能</a></dd>
                            <dd><a href="/static/order/confirm/">美妆馆</a></dd>
                            <dd><a href="/static/order/confirm/">母婴</a></dd>
                            <dd><a href="/static/order/confirm/">运动户外</a></dd>
                            <dd><a href="/static/order/confirm/">整车</a></dd>
                        </ol>
                    </div>


                    <div>
                        <h4>生活服务</h4>
                        <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院众筹</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院金融App</a></dd>
                            <dd><a href="/static/order/confirm/">理财</a></dd>
                            <dd><a href="/static/order/confirm/">话费</a></dd>
                            <dd><a href="/static/order/confirm/">彩票</a></dd>
                            <dd><a href="/static/order/confirm/">机票酒店</a></dd>
                            <dd><a href="/static/order/confirm/">酒店到家</a></dd>
                            <dd><a href="/static/order/confirm/">游戏</a></dd>

                        </ol>
                        <ol>
                            <dd><a href="/static/order/confirm/">白条</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院小金库</a></dd>
                            <dd><a href="/static/order/confirm/">智能家电</a></dd>
                            <dd><a href="/static/order/confirm/">水电煤</a></dd>
                            <dd><a href="/static/order/confirm/">旅行</a></dd>
                            <dd><a href="/static/order/confirm/">电影票</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院众测</a></dd>
                        </ol>
                    </div>

                    <div>
                        <h4>更多精选</h4>
                        <ol>
                            <dd><a href="/static/order/confirm/">合作招商</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院E卡</a></dd>
                            <dd><a href="/static/order/confirm/">服务市场</a></dd>
                            <dd><a href="/static/order/confirm/">乡村招募</a></dd>
                            <dd><a href="/static/order/confirm/">京友邦</a></dd>
                            <dd><a href="/static/order/confirm/">智能社区</a></dd>
                            <dd><a href="/static/order/confirm/">知识产权维权</a></dd>


                        </ol>
                        <ol>
                            <dd><a href="/static/order/confirm/">谷粒学院通信</a></dd>
                            <dd><a href="/static/order/confirm/">企业采购</a></dd>
                            <dd><a href="/static/order/confirm/">办公生活馆</a></dd>
                            <dd><a href="/static/order/confirm/">校园加盟</a></dd>
                            <dd><a href="/static/order/confirm/">谷粒学院社区</a></dd>
                            <dd><a href="/static/order/confirm/">游戏社区</a></dd>
                        </ol>
                    </div>
                </div>

            </li>
            <li class="spacer"></li>
            <li class="header-r-4"><a href="/static/order/confirm/">手机谷粒学院</a>
                <div class="aa h-r-1">

                    <div>
                        <div class="h-r-1img">
                            <img src="/static/order/confirm/img/59a51bf6Nb8e478cc.png"/>
                        </div>
                        <h4><a href="/static/order/confirm/">手机谷粒学院</a></h4>
                        <p>新人专享大礼</p>
                        <div class="h-r-1img2">
                            <a href="/static/order/confirm/"><img
                                    src="/static/order/confirm/img/8104b36ae6b72043ae838599d36d007d.png" alt=""/></a>
                            <a href="/static/order/confirm/"><img
                                    src="/static/order/confirm/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/order/confirm/"><img
                                    src="/static/order/confirm/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>
                    </div>
                    <div>
                        <div class="h-r-1img">
                            <img src="/static/order/confirm/img/5874a54dNcec29924.jpg"/>
                        </div>
                        <h4><a href="/static/order/confirm/">关注谷粒学院微信</a></h4>
                        <p>微信扫一扫关注新粉最高180元惊喜礼包</p>
                        <!--<div class="h-r-1img2">
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/image/8104b36ae6b72043ae838599d36d007d.png" alt="" /></a>
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/image/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/order/confirm/"><img src="/static/order/confirm/image/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>-->
                    </div>
                    <div>
                        <div class="h-r-1img">
                            <img src="/static/order/confirm/img/5874a555Ne8192324.jpg"/>
                        </div>
                        <h4><a href="/static/order/confirm/">谷粒学院金融客户端</a></h4>
                        <p>新人专享大礼</p>
                        <div class="h-r-1img2">
                            <a href="/static/order/confirm/"><img
                                    src="/static/order/confirm/img/8104b36ae6b72043ae838599d36d007d.png" alt=""/></a>
                            <a href="/static/order/confirm/"><img
                                    src="/static/order/confirm/img/c0935b2c6504a5419e6ee507a5381bbe.png"/></a>
                            <a href="/static/order/confirm/"><img
                                    src="/static/order/confirm/img/a64b429ebf83d2459a0a73830f4ad4c4.png"/></a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div style="clear: both;"></div>
    </div>
</header>
<!--logo图片-->
<div class="logo-confirm">
    <img src="/static/order/confirm/img/logo1.jpg" class="img1"/><span>结算页</span>
    <!--右侧绿色-->
    <img src="/static/order/confirm/img/08.png" class="img2"/>
</div>

<!--主体部分-->
<div class="checkout-tit">
    <p>填写并核对订单信息 <span th:if="${msg!=null}" th:text="${msg}"></span></p>
</div>
<div class="section">
    <!--收货人信息-->
    <div class="top-2">
        <span>收货人信息</span>
        <span>新增收货地址</span>
    </div>
    <!--地址-->
    <div class="top-3 addr-item" th:each="addr:${confirmOrderData.memberAddressVos}">
        <p th:attr="def=${addr.defaultStatus},addrId=${addr.id}">[[${addr.name}]]</p><span>  [[${addr.province}]]  [[${addr.city}]] [[${addr.region}]] [[${addr.detailAddress}]]  [[${addr.phone}]]</span>
    </div>
    <p class="p2">更多地址︾</p>


    <!--谷粒学院自提-->
    <div class="top-4">
        <p>谷粒学院自提</p>
        <p>省运费·无续重·随时取</p>
        <p class="xiang">详情</p>
    </div>

    <div class="hh1"></div>

    <!--支付方式-->
    <h4 class="h4">支付方式</h4>
    <div class="top-6">
        <p>货到付款</p>
        <p><span>惠</span>在线支付</p>
    </div>

    <div class="hh1"></div>
    <!--送货清单-->
    <h4 class="h4" style="margin-top: 5px;">送货清单</h4>
    <div class="top_1">
        <div class="to_left">
            <h5><span class="peisong">配送方式</span><span class="dui"><img
                    src="/static/order/confirm/img/i_03.png"/> 对应商品</span></h5>
            <div class="box">
                谷粒学院快递
            </div>
            <p class="biao">
                <span class="til">标 准 达 ：</span>
                <span class="con">预计 12月16日[今天] 15:00-19:00 送达</span>
                <a class="changefp" href="/static/order/confirm/#">修改</a>
            </p>
            <div class="updata-1">
                <img src="/static/order/confirm/img/im_06.png"/>
                <span>京准达 标准达</span>
                <span style="color: black;"> 配送服务全面升级</span>
            </div>
            <div class="hh1"></div>
            <p class="tui">
                <span class="til">退换无忧：</span>
                <span class="con">
							<input type="checkbox"/>
							自签收后7天内退货，15天内换<span style="font-size: 12px;margin-left: 5px"> ￥ 0.50</span><br/>
						<span class="nul">货，</span>可享1次上门取件服务 ﹀
						</span>

            <div class="updata-2">
                <img src="/static/order/confirm/img/im_11.png"/>
                <span>京准达运费大促（限自营中小件）</span>
            </div>
            </p>
            <p class="kg" style="color:#666666;margin-top: 13px;font-size: 12px">总重量 :<span
                    style="color:#999999;font-size: 12px">0.095kg</span></p>
        </div>
        <div class="to_right">
            <div><h5>商家：谷粒学院自营</h5></div>
            <!--图片-->
            <div class="yun1" th:each="item:${confirmOrderData.items}">
                <img th:src="${item.image}" class="yun"/>
                <div class="item">
                    <div>
                        <ul class="item-info">
                            <li class="item-info-title"><p>[[${item.title}]]</p></li>
                            <li class="item-info-price"><p style="color: red;" th:text="'￥' + ${#numbers.formatDecimal(item.price,3,2)}"> ￥ 499.00</p></li>
                            <li class="item-info-count"><p>[[${item.count}]]</p></li>
                            <li class="item-info-stock"><p>[[${confirmOrderData.stocks.get(item.skuId)}?'有货':'无货']]</p></li>
                        </ul>
                    </div>
                    <div>
                        <p class="item-info-weight">[[${item.weight}]]kg</p>
                    </div>
                    <div>
                        <p class="tui-1"><img src="/static/order/confirm/img/i_07.png"/>支持7天无理由退货</p>
                    </div>
                </div>
            </div>
            <div class="hh1"></div>
            <div>
                <p>退换无忧 <span class="money">￥ 0.00</span></p>
            </div>
        </div>
    </div>

    <div class="hh1"></div>

    <!--发票信息-->
    <div class="bto">
        <h4 class="float">发票信息</h4>
        <div class="note float"><img src="/static/order/confirm/img/i_11.png"/> <span>开企业抬头发票须填写纳税人识别号，以免影响报销</span>
        </div>
        <ul style="clear: both;">
            <li>电子普通发票 <img src="/static/order/confirm/img/i_14.png"/></li>
            <li>个人</li>
            <li>商品明细</li>
            <li>
                <a href="/static/order/confirm/">修改</a>
            </li>
        </ul>

        <div class="hh1"></div>

        <!--使用优惠/礼品卡/抵用-->
        <h4 class="clear">使用优惠/礼品卡/抵用 ^</h4>
        <ul>
            <li class="red">优惠卡</li>
            <li>礼品卡</li>
            <li>京豆</li>
            <li>余额</li>
            <li>领奖码</li>
        </ul>
        <div class="tuijian clear">
            <input type="checkbox"/>
            <span>优惠组合推荐</span>
        </div>
    </div>
    <div class="xia">
        <div class="qian">
            <p class="qian_y">
                <span>[[${confirmOrderData.count}]]</span>
                <span>件商品，总商品金额：</span>
                <span class="rmb">￥[[${#numbers.formatDecimal(confirmOrderData.total, 1, 2)}]]</span>
            </p>
            <p class="qian_y">
                <span>返现：</span>
                <span class="rmb">  -￥0.00</span>
            </p>
            <p class="qian_y">
                <span>运费： </span>
                <span class="rmb"> &nbsp ￥<b id="fare"></b></span>
            </p>
            <p class="qian_y">
                <span>服务费： </span>
                <span class="rmb"> &nbsp ￥0.00</span>
            </p>
            <p class="qian_y">
                <span>退换无忧： </span>
                <span class="rmb"> &nbsp ￥0.00</span>
            </p>
        </div>
        <div class="yfze">
            <p class="yfze_a"><span class="z">应付总额：</span><span class="hq">￥<b id="payPrice">[[${#numbers.formatDecimal(confirmOrderData.payPrice, 1, 2)}]]</b></span>
            </p>
            <p class="yfze_b">寄送至： <span id="receiveAddress"></span> 收货人：<span id="receiver"></span></p>
        </div>
        <form action="http://order.gulimall.com/submitorder" method="post">
            <input id="addrInput" type="hidden" name="addrId"/>
            <input id="payPriceInput" type="hidden" name="payPrice">
            <input type="hidden" name="orderToken" th:value="${confirmOrderData.orderToken}"/>
<!--            <input type="hidden" name="confirmOrderData" th:value="${confirmOrderData}"/>-->
            <button class="tijiao" type="submit">提交订单</button>
        </form>
    </div>
</div>
</div>
<div class="headera">
    <div class="Logo-tu">
        <span><img src="/static/order/confirm/img/service_items_1.png"/></span>
        <span><img src="/static/order/confirm/img/service_items_2.png"/></span>
        <span><img src="/static/order/confirm/img/service_items_3.png"/></span>
        <span><img src="/static/order/confirm/img/service_items_4.png"/></span>
    </div>
    <div class="table">
        <dl>
            <dt><a href="/static/order/confirm/##">购物指南</a></dt>
            <dd>
                <a href="/static/order/confirm/##">购物流程</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">会员介绍</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">生活旅行/团购</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">常见问题</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">大家电</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">练习客服</a>
            </dd>
        </dl>
        <dl>
            <dt><a href="/static/order/confirm/##">配送方式</a></dt>
            <dd>
                <a href="/static/order/confirm/##">上门自提</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">211限时达</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">配送服务查询</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##"></a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">海外配送</a>
            </dd>
            <dd></dd>
        </dl>
        <dl>
            <dt><a href="/static/order/confirm/##">支付方式</a></dt>
            <dd>
                <a href="/static/order/confirm/##">货到付款</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">在线支付</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">分期付款</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">邮局汇款</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">公司转账</a>
            </dd>
            <dd></dd>
        </dl>
        <dl>
            <dt><a href="/static/order/confirm/##">售后服务</a></dt>
            <dd>
                <a href="/static/order/confirm/##">售后政策</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">价格保护</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">退款说明</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">返修/退换货</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">取消订单</a>
            </dd>
            <dd></dd>
        </dl>
        <dl class="dls">
            <dt><a href="/static/order/confirm/##">特色服务</a></dt>
            <dd>
                <a href="/static/order/confirm/##">夺宝岛</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">DIY装机</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">延保服务</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">谷粒学院E卡</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">谷粒学院通信</a>
            </dd>
            <dd>
                <a href="/static/order/confirm/##">谷粒学院gulimall+</a>
            </dd>
        </dl>
    </div>
    <div class="guanyuwomen">
        <ul>
            <li>
                <a href="/static/order/confirm/##">关于我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">联系我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">联系客服</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">合作招商</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">商家帮助</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">营销中心</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">手机谷粒学院</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">友情链接</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">销售联盟</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">谷粒学院社区</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">风险检测</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">隐私政策</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">谷粒学院公益</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">English Site</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/order/confirm/##">Mdeila $ IR</a>
            </li>
        </ul>
    </div>
    <p class="p1">
        <a href="/static/order/confirm/##"> 京公网安备 11000002000088号</a>|
        <a href="/static/order/confirm/##"> 京ICP证070359号</a>|
        <a href="/static/order/confirm/##"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
        <a href="/static/order/confirm/##">新出发京零 字第大120007号</a>
    </p>
    <p class="p1">
        <a href="/static/order/confirm/##"> 互联网出版许可证编号新出网证(京)字150号</a>|
        <a href="/static/order/confirm/##"> 出版物经营许可证</a>|
        <a href="/static/order/confirm/##"> 网络文化经营许可证京网文 </a>|
        <a href="/static/order/confirm/##">[2014]2148-348号 </a>|
        <a href="/static/order/confirm/##"> 违法和不良信息举报电话 </a>|
        <a href="/static/order/confirm/##">：4006561155 </a>
    </p>
    <p class="p1">
        <a href="/static/order/confirm/##"> Copyright © 2004-2017 谷粒学院gulimall.com 版权所有</a>|
        <a href="/static/order/confirm/##"> 消费者维权热线：4006067733 经营证照</a>|
    </p>
    <p class="p1">
        <a href="/static/order/confirm/##"> 谷粒学院旗下网站：谷粒学院支付</a>|
        <a href="/static/order/confirm/##"> 谷粒学院云</a>
    </p>
    <p class="p3">
        <img src="/static/order/confirm/img/54b8871eNa9a7067e.png"/>
        <img src="/static/order/confirm/img/54b8872dNe37a9860.png"/>
        <img src="/static/order/confirm/img/54b8875fNad1e0c4c.png"/>
        <img src="/static/order/confirm/img/5698dc03N23f2e3b8.jpg"/>
        <img src="/static/order/confirm/img/5698dc16Nb2ab99df.jpg"/>
        <img src="/static/order/confirm/img/56a89b8fNfbaade9a.jpg"/>
    </p>
</div>
</body>
<style>
    /*
    * {
        padding: 0;
        margin: 0;
        text-decoration: none;
        list-style: none;
        font-size: 0.16rem;
        color: #666;}

    a {
        color: black; }

    html {
        font-size: 100px; }

    ul {
        list-style: none; }

    img {
        vertical-align: middle; }

    header {
        width: 100%;
        background: #E3E4E5;
        min-width: 990px; }

    .header {
        width: 990px;
        margin: 0 auto;
        overflow: hidden; }

    .header-left > li > a, .header-right > li > a {
        text-decoration: none;
        color: #999;
        font-size: 12px; }

    .header-left > li > a:hover, .header-right > li > a:hover {
        color: red; }

    .header-left > li:nth-of-type(2) > a:hover {
        color: #5C5452; }

    .header-left > li:nth-of-type(2):hover {
        background: white; }

    .header-left {
        float: left;
        overflow: hidden;
        vertical-align: middle; }

    .header-right {
        float: right;
        overflow: hidden; }

    .header-left > li, .header-right li {
        float: left;
        line-height: 30px;
        !*position: relative;*!
        padding: 0 8px;
        !*border: 1px solid red;*!
        z-index: 99999; }

    .header-l-d {
        position: absolute;
        border: gainsboro 1px solid;
        z-index: 999999;
        overflow: hidden;
        margin-left: -11px;
        background: white;
        border-top: 0;
        display: none;
        width: 295px; }

    .header-l-d ul {
        float: left; }

    .header-l-d ul li {
        margin: 0 8px; }

    .header-l-d ul li a {
        text-decoration: none;
        color: #5C5452;
        font-size: 12px;
        padding: 3px 5px;
        !*border: 1px solid red;*! }

    .header-l-d ul li a:hover {
        background: gainsboro;
        color: red; }

    .header-left > li:nth-of-type(2) {
        padding: 0 25px 0 10px; }

    .aa a {
        text-decoration: none;
        font-size: 12px;
        color: gray; }

    .header-r-1 {
        display: none;
        overflow: hidden;
        position: absolute;
        background: white;
        border: 1px solid gainsboro;
        border-top: 0;
        margin-left: -8px;
        z-index: 999999;
        !*padding: 15px;*! }

    .header-r-1 div {
        border-bottom: 1px solid gainsboro;
        overflow: hidden;
        padding: 0 15px; }

    .header-r-1 div:nth-of-type(3) {
        border: 0;
        padding: 15px; }

    .header-right li:nth-of-type(6):hover, .header-right li:nth-of-type(12):hover, .header-right li:nth-of-type(14):hover {
        background: white; }

    .header-r-1 div ol {
        float: left;
        width: 120px;
        line-height: 25px !important; }

    .header-r-1 div h4 {
        font-size: 12px;
        color: #716d6d; }

    .header-r-1 div h4 a:nth-of-type(2) {
        float: right; }

    .header-r-1 div a:hover {
        color: red; }

    .header-r-11 {
        width: 275px; }

    .header-r-2 {
        width: 180px;
        min-width: 180px; }

    .header-r-2 div {
        padding: 0; }

    .header-r-2 div h4 {
        margin-left: 15px; }

    .header-r-2 div ol {
        width: auto;
        margin: 0 15px; }

    .header-r-4:hover {
        background: url(../image/1fb04a3972bf9f4592bdb705fe497c08.png) no-repeat 25px 24px;
        z-index: 10; }

    .h-r-1 {
        position: absolute;
        border: 1px solid gainsboro;
        margin-left: -135px;
        width: 190px;
        border-top: 0;
        display: none;
        z-index: 999999;
        background: white; }

    .h-r-1 > div {
        padding: 10px 5px;
        overflow: hidden;
        line-height: 20px;
        border-bottom: 1px solid gainsboro; }

    .h-r-1 > div p {
        font-size: 12px;
        color: red; }

    .h-r-1img2 {
        vertical-align: middle; }

    .h-r-1img {
        float: left;
        border: 2px solid gainsboro;
        padding: 1px;
        margin-right: 5px; }

    .h-r-1img img {
        width: 72px; }

    .header i {
        color: #C1C1C1; }

    .spacer {
        padding: 0 !important;
        display: inline-block;
        width: 1px;
        height: 10px;
        background: #C1C1C1;
        margin-top: 11px; }

    .header-r-3 {
        width: 990px;
        margin-left: -850px;
        z-index: 999999;
        overflow: hidden;
        box-sizing: border-box;
        padding-bottom: 10px; }

    .header-r-3 div {
        float: left;
        border: 0;
        padding: 0 0 0 15px;
        border-left: 1px solid gainsboro; }

    .header-r-3 div:nth-of-type(3) {
        border-left: 1px solid gainsboro;
        padding: 0 0 0 15px; }

    .header-r-3 div:nth-of-type(1) {
        border: 0; }

    .header-r-3 div ol {
        width: 102px; }

    nav {
        width: 1366px;
        height: 35px;
        background: #E3E4E5; }
    nav ul {
        width: 1100px;
        height: 35px;
        margin: 0 155px; }
    nav ul > li {
        line-height: 35px;
        float: left;
        margin: 0 5px;
        font-size: 12px;
        color: gray; }
    nav ul > li:nth-child(2) {
        position: relative; }
    nav img {
        margin-bottom: -6px; }
    nav ul > li:nth-child(3) {
        margin-left: 198px; }
    nav ul > li:hover {
        color: red; }
    nav .p {
        width: 300px;
        height: 240px;
        background: white;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999999; }
    nav .p ol {
        padding-top: 6px; }
    nav .p ol li {
        text-align: center;
        width: 300px;
        height: 33px; }
    nav .p ol li p {
        width: 50px;
        height: 20px;
        float: left;
        line-height: 20px;
        cursor: pointer;
        font-size: 10px;
        color: gray;
        display: none; }
    nav .p ol li p:hover {
        color: brown; }
    nav .p ol li .hong {
        background: red;
        color: white; }


    .logo-confirm{
        margin: 30px auto;
        width: 1010px;}
    .logo-confirm span {
        position: relative;
        left: 10px;
        top: 10px;
    }

    .top-1 {
        margin-bottom: 20px;}

    p {
        color: #666;
    }

    .img2 {
        float: right;
    }

    .checkout-tit {
        margin: 0px auto;
        width: 1010px;

    }
    .p1 {
        color: dimgray;
        text-indent: 160px; }

    .section {
        width: 1010px;
        height: 1200px;
        border: 1px solid #E3E4E5;
        margin: 10px auto; }
    .section .top-2 {
        display: flex;
        justify-content: space-between; }
    .section .top-2 span {
        font-size: 14px;
        padding: 10px 25px; }
    .section .top-2 span:first-child {
        font-weight: 600; }
    .section .top-2 span:last-child {
        color: cornflowerblue; }
    .section .top-3 {
        width: 600px;
        height: 50px;
        display: flex;
        align-items: center;
        margin-left: 50px; }
    .section .top-3 p {
        width: 135px;
        height: 27px;
        border: 2px solid red;
        line-height: 27px;
        font-size: 12px;
        text-align: center;
        color: dimgray; }
    .section .top-3 span {
        font-size: 13px;
        color: gray;
        margin-left: 10px; }
    .section .p2 {
        font-size: 10px;
        color: dimgray;
        text-indent: 50px;
        margin-top: auto;
        margin-bottom: 10px;}
    .section .hh1 {
        width: auto;
        height: 1px;
        margin: 15px 30px;
        background: #E3E4E5; }
    .section .top-4 {
        display: flex;
        margin-left: 50px; }
    .section .top-4 p:first-child {
        width: 60px;
        height: 20px;
        background: #E4393C;
        border-radius: 5px;
        text-align: center;
        color: white;
        line-height: 20px;
        font-size: 12px; }
    .section .top-4 p:nth-child(2) {
        color: gray;
        font-size: 13px;
        text-indent: 10px; }
    .section .top-4 p:nth-child(3) {
        color: blue;
        font-size: 14px;
        text-indent: 10px; }
    .section .top-4 .xiang:hover {
        color: red; }
    .section .top-5 {
        width: 1000px;
        height: 40px;
        display: flex;
        align-items: center;
        margin-left: 50px;
        margin-top: 12px; }
    .section .top-5 p {
        width: 135px;
        height: 27px;
        border: 1px solid #E3E4E5;
        line-height: 27px;
        font-size: 12px;
        text-align: center;
        color: dimgray; }
    .section .top-5 p:hover {
        border: 2px solid red; }
    .section .top-5 span {
        font-size: 13px;
        color: gray;
        margin-left: 10px; }
    .section .top-5 .xiu:hover {
        color: red; }
    .section .top-5 img {
        margin-left: 30px; }
    .section .top-5 .p3 {
        width: 55px;
        border: 1px solid red;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: red;
        margin-left: 10px; }
    .section .top-5 span:last-child {
        color: blue; }
    .section .h4 {
        font-size: 14px;
        text-indent: 30px; }
    .section .top-6 {
        display: flex;
        margin-left: 50px;
        margin-top: 15px; }
    .section .top-6 p {
        width: 100px;
        height: 25px;
        border: 2px solid #E3E4E5;
        font-size: 13px;
        line-height: 25px;
        text-align: center;
        color: dimgray;
        margin: 5px; }
    .section .top-6 p:last-child {
        border: 2px solid red;
        display: flex;
        justify-content: space-around;
        align-items: center; }
    .section .top-6 p:last-child span {
        width: 15px;
        height: 15px;
        background: #E4393C;
        color: white;
        font-size: 10px;
        line-height: 15px;
        text-align: center; }
    .section .hh1 {
        width: 94%;
        height: 1px;
        background: #E3E4E5;
        clear: both;
    }
    .section .top_1 {
        width: 950px;
        margin-left: 30px;
        margin-top: 10px; }
    .section .top_1 .to_left {
        width: 350px;
        background: #f7f7f7;
        float: left;
        padding-left: 23px; }
    .section .top_1 .to_left > * {
        margin: 2px 0; }
    .section .top_1 .to_left h5 {
        margin: 15px 10px 15px 0px;
        font-size: 14px;
        color: #666666; }
    .section .top_1 .to_left h5 .peisong {
        font-size: 12px; }
    .section .top_1 .to_left h5 .dui {
        padding-left: 200px;
        color: #4f9dd0;
        font-size: 12px; }
    .section .top_1 .to_left h5 .dui img {
        width: 15px;
        height: 15px;
        margin: 2px 0px 0px 0px; }
    .section .top_1 .to_left .box {
        width: 135px;
        height: 27px;
        border: 2px solid red;
        line-height: 27px;
        font-size: 12px;
        text-align: center;
        color: dimgray;
        margin-bottom: 20px; }
    .section .top_1 .to_left .til {
        color: #A9A9A9;
        font-size: 14px; }
    .section .top_1 .to_left .con {
        font-size: 12px;
        color: #666; }
    .section .top_1 .to_left hr {
        color: #F6F6F6;
        width: 90%;
        text-align: center;
        margin-top: 3px; }
    .section .top_1 .to_left .biao a {
        font-size: 12px;
        color: #0081c6; }
    .section .top_1 .to_left .nul {
        font-size: 12px;
        padding-left: 92px; }
    .section .top_1 .to_left .kg {
        font-size: 14px;
        color: #A9A9A9; }
    .section .top_1 .to_left .kg span {
        color: #A9A9A9;
        font-size: 14px; }
    .section .top_1 .to_left .updata-1 {
        width: 210px;
        height: 25px;
        line-height: 30px;
        margin-left: 100px;
        margin-top: 2px;
        margin-bottom: 5px;
        border: 1px #edd28b solid;
        background: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center; }
    .section .top_1 .to_left .updata-1 span {
        font-size: 12px;
        color: #0000FF; }
    .section .top_1 .to_left .hh1 {
        width: 94%;
        height: 1px;
        background: #E3E4E5; }
    .section .top_1 .to_left .updata-2 {
        width: 300px;
        height: 38px;
        line-height: 38px;
        border: 1px #E3E4E5 solid;
        margin-bottom: 5px;
        margin-top: 8px; }
    .section .top_1 .to_left .updata-2 span {
        color: #9c64cc;
        font-size: 14px; }
    .section .top_1 .to_left .updata-2 img {
        float: left; }
    .section .top_1 .to_right {
        width: 576px;
        background: #f3fbfe;
        float: right;}
    .section .top_1 .to_right div h5 {
        margin: 10px;
        font-size: 12px;
        color: #666666; }
    .section .top_1 .to_right .yun1 {
        float: left;}
    .section .top_1 .to_right .yun1 .yun {
        width: 90px;
        height: 90px;
        margin: 10px; }
    .section .top_1 .to_right .yun1 .mi {
        display: flex;
        flex-direction: column; }
    .section .top_1 .to_right .yun1 .mi p {
        color: #666;
        font-size: 12px;
        margin: 5px;
        padding-top: 5px;}
    .section .top_1 .to_right .yun1 .mi .tui-1 {
        color: #6679B3; }
    .section .top_1 .to_right .yun1 .mi .tui-1 img {
        margin-right: 5px; }
    .section .top_1 .to_right .yun1 .mi span {
        margin-left: 30px; }
    .section .top_1 .to_right div p {
        font-size: 12px;
        margin: 10px;
        float: left;		}
    .section .top_1 .to_right div p .money {
        font-size: 12px;
        font-weight: bold;
        margin-left: 400px;
        color: red; }
    .section .top_1 .to_right img {
        float: left; }
    .section .bto {
        width: 951px;
        margin: 15px 30px;
        float: left; }
    .section .bto .hh2 {
        width: 100%;
        height: 1px;
        background: #E3E4E5; }
    .section .bto h4 {
        margin: 10px;
        font-size: 14px; }
    .section .bto .float {
        float: left; }
    .section .bto .float span {
        font-size: 14px; }
    .section .bto .hh3 {
        width: 100%;
        height: 1px;
        margin-top: 25px;
        background: #E3E4E5; }
    .section .bto .clear {
        clear: both; }
    .section .bto .note {
        margin-top: 5px;
        line-height: 25px;
        width: 350px;
        border: 1px solid #EDD28B;
        font-size: 13px; }
    .section .bto .note img {
        margin-left: 5px; }
    .section .bto ul li {
        float: left;
        margin-left: 25px;
        font-size: 12px;
        color: #999999; }
    .section .bto ul li a {
        color: #005ea7;
        font-size: 12px;}
    .section .bto ul li a:hover {
        color: red; }
    .section .bto .hr1 {
        margin-top: 30px; }
    .section .bto .red {
        color: red; }
    .section .bto .tuijian {
        margin-left: 30px;
        padding-top: 10px; }
    .section .bto .tuijian span {
        font-size: 12px; }
    .section .xia {
        width: 1000px;
        float: left; }
    .section .xia .qian .qian_y {
        text-align: right;
        margin-top: 5px; }
    .section .xia .qian .qian_y span {
        font-size: 12px;
        color: #666666; }
    .section .xia .qian .qian_y .rmb {
        margin-left: 50px; }
    .section .xia .yfze {
        background: #F4F4F4;
        height: 80px;
        width: 1010px;
        margin: 20px auto;}
    .section .xia .yfze .yfze_a {
        text-align: right;
        margin-top: 10px; }
    .section .xia .yfze .yfze_a .z {
        font-size: 12px;
        color: #666666; }
    .section .xia .yfze .yfze_a .hq {
        font-size: 20px;
        color: red;
        margin-left: 44px;
        padding-right: 10px;}
    .section .xia .yfze .yfze_b {
        text-align: right;
        margin-top: 10px;
        font-size: 12px;
        color: #999999; }
    .section .xia .tijiao {
        margin-left: 900px;
        margin-top: 10px;
        text-align: center;
        background: #E2383B;
        border: none;
        color: white;
        font-size: 20px;
        width: 100px;
        height: 40px;
        padding: 5px;
        border-radius: 5px; }

    .headera {
        width: 100%;
        overflow: hidden;
        background: #F5F5F5; }
    .headera .Logo-tu {
        width: 100%;
        background: #F5F5F5;
        height: 94px;
        text-align: center; }
    .headera .Logo-tu span {
        width: 220px;
        height: 54px;
        display: inline-block;
        margin: 24px 50px; }
    .headera .Logo-tu span img {
        height: 54px; }
    .headera .table {
        overflow: hidden;
        width: 1215px;
        margin: 0 auto;
        border-bottom: 1px solid gainsboro;
        font-size: 12px; }
    .headera .table dl {
        margin-right: 182px;
        float: left;
        margin-bottom: 20px; }
    .headera .table dl dt {
        margin-top: 20px;
        font-size: 12px; }
    .headera .table dl dt a {
        color: #666666; }
    .headera .table dl dt a:hover {
        color: red; }
    .headera .table dl dd {
        margin-top: 7px;
        font-size: 12px;
        font-size: 12px; }
    .headera .table dl dd a {
        color: #666666; }
    .headera .table dl dd a:hover {
        color: red; }
    .headera .table .dls {
        float: left;
        margin-right: 0; }
    .headera .guanyuwomen {
        width: 100%;
        overflow: hidden;
        text-align: center; }
    .headera .guanyuwomen ul {
        padding: 20px;
        margin-left: 129px; }
    .headera .guanyuwomen ul li {
        padding: 0 5px;
        float: left;
        font-size: 12px;
        color: gainsboro; }
    .headera .guanyuwomen ul li a {
        font-size: 12px;
        color: #666666; }
    .headera .guanyuwomen ul li a:hover {
        color: red; }
    .headera .p1 {
        margin-top: 5px;
        text-align: center;
        font-size: 12px;
        color: gainsboro; }
    .headera .p1 img {
        height: 12px;
        vertical-align: 0; }
    .headera .p1 a {
        padding: 0 2px;
        font-size: 12px;
        color: #666666; }
    .headera .p1 a:hover {
        color: red; }
    .headera .p3 {
        margin-top: 5px;
        text-align: center; }
    .headera .p3 img {
        padding: 0 5px; }

    body {
        overflow-x: hidden; }
*/
    /*# sourceMappingURL=JD2.css.map */
</style>
<script>
    $(document).ready(function () {
        $('.header-right li:nth-of-type(6)').hover(function () {
            $('.header-r-11').css('display', 'block')
        }, function () {
            $('.header-r-11').css('display', 'none')
        })
        $('.header-right li:nth-of-type(12)').hover(function () {
            $('.header-r-2').css('display', 'block')
        }, function () {
            $('.header-r-2').css('display', 'none')
        })
        $('.header-right li:nth-of-type(14)').hover(function () {
            $('.header-r-3').css('display', 'block')
        }, function () {
            $('.header-r-3').css('display', 'none')
        })
        $('.header-l-2').hover(function () {
            $('.header-l-d').css('display', 'block')
        }, function () {
            $('.header-l-d').css('display', 'none')
        })
        $('.header-r-4').hover(function () {
            $('.h-r-1').css('display', 'block')
        }, function () {
            $('.h-r-1').css('display', 'none')
        });

        highlightAddress();
        var addrId = $(".addr-item p[def='1']").attr("addrId");
        getFare(addrId)
    });


    function highlightAddress() {
        $(".addr-item p").css({"border": "2px solid gray"});
        $(".addr-item p[def='1']").css({"border": "2px solid red"});
    }

    $(".addr-item p").click(function () {
        $(".addr-item p").attr("def", "0");
        $(this).attr("def", "1");
        highlightAddress();

        //获取到当前地址id
        var addrId = $(this).attr("addrId");

        //发送ajax请求获取运费信息
        getFare(addrId);
    });

    //查运费
    function getFare(addrId) {
        //给表单回填选择的地址
        $("#addrInput").val(addrId);
        $.get("http://order.gulimall.com/fare?addrId=" + addrId, function (resp) {
            console.log(resp);
            $("#fare").text(resp.data.fare);
            var total = [[${confirmOrderData.total}]];

            var payPrice = total * 1 + resp.data.fare * 1;
            //设置运费numbers.formatDecimal(item.price,3,2)
            $("#payPrice").text(payPrice);
            $("#payPriceInput").val(payPrice);

            //设置收获地址人信息
            $("#receiveAddress").text(resp.data.address.province + " " + resp.data.address.city + " " + " " + resp.data.address.region + resp.data.address.detailAddress);
            $("#receiver").text(resp.data.address.name);
        })
    }
</script>
<style>
    /*.section .top_1 .to_right .yun1 .item {
        display: flex;
        flex-direction: column; }
    .section .top_1 .to_right .yun1 .item p {
        color: #666;
        font-size: 12px;
        margin: 5px;
        padding-top: 5px;}
    .section .top_1 .to_right .yun1 .item .tui-1 {
        color: #6679B3; }
    .section .top_1 .to_right .yun1 .item .tui-1 img {
        margin-right: 5px; }
    .section .top_1 .to_right .yun1 .item span {
        margin-left: 30px; }
    .section .top_1 .to_right div p {
        font-size: 12px;
        margin: 10px;
        float: left;		}
    .section .top_1 .to_right div p .money {
        font-size: 12px;
        font-weight: bold;
        margin-left: 400px;
        color: red; }
    .section .top_1 .to_right img {
        float: left; }*/
</style>
</html>